<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>排行_逸云书院</title>
    <link rel="shortcut icon" href="./img/yyfavicon.ico"></title>
    <link rel="stylesheet" href="./css/b-public.css">
    <link rel="stylesheet" href="./css/b-bookrank.css">
</head>
<body>
     <div class="topTitle">
        <div class="topCenter">
            <div class="topLeft">
               <a href="./wenxue.html">磨铁文学</a>
                 <a href="./hzhlaikan.html">来看中文网</a>
                 <a href="./jinwenshouye.html">锦文小说网</a>
                 <a href="./momoMain.html">墨墨言情网</a>
                <a class="active">逸云书院</a>

            </div>
            <div class="topRight">
                <a href="./login.html">登录</a>
                <a href="./login.html">注册</a>
               <a class="phone">手机版
                <div class="pho-tabs">
                    <em></em>
                    <ul class="hovers">
                        <li>
                            <img class="img1" src="./img/b-phon.jpg" alt="">
                            <div class="rightTop">
                                <p class="p1">磨铁阅读</p>
                                <p class="p2">让阅读更精彩</p>
                                <div class="imgs">
                                    <img src="./img/bk-apple.png" alt="">
                                    <img src="./img/bk-green.png" alt="">
                                </div>
                            </div>
                        </li>
                         <li>
                            <img class="img1" src="./img/b-phos1.jpg" alt="">
                            <div class="rightTop">
                                <p class="p1">关注磨铁微信</p>
                                <p class="p2">微信扫一扫关注</p>
                            </div>
                        </li>
                    </ul>
                </div>
               </a>
            </div>
        </div>
    </div>
    <div class="logo">
        <div class="logoCeter">
            <img src="./img/bimg1.png" alt="">
            <div style="display: flex;">
                <div class="search">
                    <input oninput="newSearch()" type="text" name="" id="" placeholder="找书">
                    <p></p>
                    <span></span>
                </div>
                 <ul class="searchList">
                  
                </ul>
                <div class="bookShlef">
                    <span></span>
                    <p>我的书架</p>
                </div>
            </div>
           
        </div>
    </div>
     <div class="firstNav">
        <ul>
           <li><a href="bookIndex.html">首页</a></li>
            <li><a href="b-booklists.html">书库</a></li>
            <li class="active1"><a href="b-bookrank.html">排行</a></li>
            <li><a href="b-author.html">作家专区</a></li>
            <li><a href="b-aware.html">福利</a><img class="dong" src="" alt=""></li>
        </ul>
    </div>
    <div class="mains">
        <div class="rank">
            <div class="leftbar">
                <div class="female">
                    <p  class="on" onclick="getsex()">女生榜单</p>
                   
                </div>
                 <div class="male">
                    <p onclick="getsex()">男生榜单</p>
                </div>
            </div>
            <div class="right-main">
                <div class="rightbar">
                     <!-- <div class="allbank">
                        <div class="listtab3">
                            <div class="listtile">
                                <div class="mod-title">
                                    <div class="title-bd">
                                        <h2>畅销榜</h2>
                                    </div>
                                </div>
                            </div>
                            <ul class="tab-ul">
                               
                            </ul>
                            <div class="con">
                                <div class="rank-1">
                                    <div class="top">
                                        <span class="num">1</span>
                                        <div class="book-block">
                                            <div class="first">
                                                <a href="">
                                                    <img src="https://cdn.motieimg.com/book/0005/58158/6.jpg?x-oss-process=image/resize,m_lfit,h_168,w_120" alt="">
                                                </a>
                                            </div>
                                            <div class="two">
                                                <a href="">朱门贵女守则</a>
                                                <p>作者：
                                                    <span>鸿一菌</span></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="top1">
                                        <span class="num">2</span>
                                        <a href="">豪门重生之悍妻养成</a>
                                    </div>
                                </div>
                                <a href="" class="more">查看更多>>
	</a>
                            </div>
                        </div>
                    </div>
                    <div class="allbank">
                        <div class="listtab3">
                            <div class="listtile">
                                <div class="mod-title">
                                    <div class="title-bd">
                                        <h2>畅销榜</h2>
                                    </div>
                                </div>
                            </div>
                            <ul class="tab-ul">
                                <li class="on">日</li>
                                 <li>日</li>
                                  <li>日</li>
                            </ul>
                            <div class="con">
                                <div class="rank-1">
                                    <div class="top">
                                        <span class="num">1</span>
                                        <div class="book-block">
                                            <div class="first">
                                                <a href="">
                                                    <img src="https://cdn.motieimg.com/book/0005/58158/6.jpg?x-oss-process=image/resize,m_lfit,h_168,w_120" alt="">
                                                </a>
                                            </div>
                                            <div class="two">
                                                <a href="">朱门贵女守则</a>
                                                <p>作者：
                                                    <span>鸿一菌</span></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="top1">
                                        <span class="num">2</span>
                                        <a href="">豪门重生之悍妻养成</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="allbank">
                        <div class="listtab3">
                            <div class="listtile">
                                <div class="mod-title">
                                    <div class="title-bd">
                                        <h2>畅销榜</h2>
                                    </div>
                                </div>
                            </div>
                            <ul class="tab-ul">
                                <li class="on">日</li>
                                 <li>日</li>
                                  <li>日</li>
                            </ul>
                            <div class="con">
                                <div class="rank-1">
                                    <div class="top">
                                        <span class="num">1</span>
                                        <div class="book-block">
                                            <div class="first">
                                                <a href="">
                                                    <img src="https://cdn.motieimg.com/book/0005/58158/6.jpg?x-oss-process=image/resize,m_lfit,h_168,w_120" alt="">
                                                </a>
                                            </div>
                                            <div class="two">
                                                <a href="">朱门贵女守则</a>
                                                <p>作者：
                                                    <span>鸿一菌</span></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="top1">
                                        <span class="num">2</span>
                                        <a href="">豪门重生之悍妻养成</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>  -->
                </div>
                <div class="rightlist">
                    <div class="menu">
                        <span class="fl"></span>
                        <ul class="comment">
                            <!-- <li class="actives">日榜</li>
                            <li>日榜</li>
                            <li>日榜</li> -->
                        </ul>
                    </div>
                    <div class="bottom">
                        <div class="defaultRank">
                            <!-- <div class="secd-rank-list">
                                <div class="app">
                                    <div class="imgs">
                                        <img src="https://cdn.motieimg.com/book/0015/156436/1.jpg?x-oss-process=style/book_middle" alt="">
                                    </div>
                                    <div class="rightimg">
                                        <a class="ones" href="">
                                            <span class="one">1</span>
                                            重生毒后，帝王不立妃
                                        </a>
                                        <p>
                                            <span>小毛桃</span> | <span>古代言情</span>| 完结 <span class="nums">500 点击</span>
                                        </p>
                                        <p class="info">她从高高在上的皇后沦为阶下囚。重活一世，风云巨变，而她就是这搅弄风云之人。没有大家族庇护又如何，照样出闺阁，步朝堂，顺便虐得一手好渣。这个姨...</p>
                                        <div class="red">
                                            <a href="">最近更新
						第499章上门求亲，大结局</a>
                        <span>| 2020-04-30 09:38:02</span>
                                        </div>
                                    </div>
                                </div>
                                 <div class="bigbutton">
                                    <a href="" class="detailbutton">书籍详情</a>
                                    <a href="" class="add">加入书架</a>
                                </div>
                            </div> -->
                            
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
     <div class="footer">
        <div class="footer-default">
            <div>
                <p class="font">
                    <a>磨铁文学旗下网站：</a>
                    <a>来看中文网</a>
                    <a>锦文小说网</a>
                    <a>墨墨言情网</a>
                    <a>逸云书院</a>
                    <br>
                    <a>关于我们</a>
                    <a>联系我们</a>
                    <a>加入我们</a>
                    <a>帮助中心</a>
                    <a>网站地图</a>
                </p>
                <p class="announce">
                    Copyright © 2011-2025 LAIKAN.COM All Rights Reserved.  北京来看科技有限公司 版权所有
                    <br>
                    增值电信业务经营许可证 京B2-20190319  丨  网络出版服务许可
                    证 (署）网出证（京）字第325号  丨  
                    <a>京ICP备17040734号-1</a>
                    <br>
                    <a>网络违法犯罪举报</a>
                    丨
                    <a>中国互联网举报中心</a>
                    丨
                    <a>网络举报APP下载</a>
                    <br>
                </p>
                <div>
                    <a>
                        <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/guohui.d0289dc.png" alt="">
                        <p>京公网安备 11010202009584号</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="rfloat">
        <ul>
            <li class="r-1">
                <a>
                    <p class="rightSpan">最近阅读</p>
                    <!-- <p class="bg"></p> -->
                </a>
            </li>
            <li class="r-2">
                <a>
                    <i></i>
                    <p class="rightSpan">充值</p>
                </a>
            </li>
            <li class="r-3">
                <a>
                    <i></i>
                    <p class="rightSpan">客服</p>
                </a>
            </li>
        </ul>
    </div>
</body>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="./js/b-rank.js"></script>
 <script>
        // 搜索
        const newSearch = () => {
            const input = document.querySelector('input')
            const searchLists = document.querySelector('.searchList')
            if (input.value.trim() == '') {
                searchLists.innerHTML = ''
            } else {
                fetch(`https://app2.motie.com/search?objectType=2&word=${input.value}&pageSize=2`).then(res => res.json()).then(res1 => {
                    let datelist = ''
                    searchLists.innerHTML = ''
                    res1.data.bookList.forEach((dates, everys) => {
                        datelist += `
                        <li class="lines">
                            <a href="./yy-bookDetail.html?id=${dates.id}">
                            <div class="imgbox">
                                <img src="${dates.icon}" alt="">
                            </div>
                            <div class="details">
                                <p class="bookName">
                                   ${dates.name}
                                </p>
                                <p class="book-authors">${dates.authorName}</p>
                            </div>
                            </a>
                        </li>
                    `
                    })
                    searchLists.innerHTML = `
                    <li>
                       <a class="about" href="">
                                <p class="noimg">搜“<span>${input.value}</span>”相关作品>></p>
                        </a>
                    </li>
                    ${datelist}      
                `
                }).catch(err => {
                    console.log(err)
                })
            }
        }
        document.addEventListener('click', (event) => {
            const searchLists = document.querySelector('.searchList');
            const searchContainer = document.querySelector('.search');

            // 检查元素是否存在
            if (!searchLists || !searchContainer) return;

            const isClickInsideSearch = searchContainer.contains(event.target) ||
                searchLists.contains(event.target);

            if (!isClickInsideSearch && searchLists.innerHTML.trim() !== '') {
                searchLists.innerHTML = '';
            }
        });
        document.addEventListener('DOMContentLoaded', function () {
            const totop = document.querySelector(".totop");
            if (totop) {
                totop.addEventListener('click', function () {
                    window.scrollTo({
                        top: 0,
                        behavior: 'smooth'
                    });
                });
            }
        });
    </script>
    
</html>